<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">

    <title>Sổ Qũy</title>


    <link rel="stylesheet" type="text/css" href="{$baseUrl}/media/css/jquery.dataTables.css">
    <link rel="stylesheet" type="text/css" href="{$baseUrl}/css/dataTables.tableTools.css">
    <link rel="stylesheet" type="text/css" href="{$baseUrl}/resources/syntax/shCore.css">
    <link rel="stylesheet" type="text/css" href="{$baseUrl}/resources/demo.css">
    <link rel="stylesheet" type="text/css" href="{$baseUrl}/styles/report.css">
    <link rel="stylesheet" type="text/css" class="init">

    <script type="text/javascript" language="javascript" src="{$baseUrl}/media/js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="{$baseUrl}/media/js/jquery.dataTables.js"></script>
    <script type="text/javascript" language="javascript" src="{$baseUrl}/js/dataTables.tableTools.js"></script>
    <script type="text/javascript" language="javascript" src="{$baseUrl}/resources/syntax/shCore.js"></script>
    <script type="text/javascript" language="javascript" src="{$baseUrl}/resources/demo.js"></script>

    <script type="text/javascript" language="javascript" class="init">
        {literal}
        $(document).ready(function() {
            $('#example').DataTable( {
                dom: 'T<"clear">lfrtip',
                tableTools: {
                    "sSwfPath": "http://duoc3.ovn.vn/swf/copy_csv_xls_pdf.swf"
                }
            } );
        } );
        {/literal}
    </script>

    <style type="text/css">
        {literal}
        /* this is an intersting idea for this section */
        .example-print {
            display: none;
        }
        @media print {
            .example-screen {
                display: none;
            }
            .example-print {
                display: block;
            }
            thead {
                display:table-header-group;
            }
            tbody {
                display:table-row-group;
            }
            tr {page-break-inside: avoid;}
        }
        {/literal}
    </style>

{strip}
{assign var="sodong" value=10}



{/strip}

</head>


<body class="dt-example">
<br>
<div class="container">
    <section>
        <div>
            <div>
                <b>{$tencty}</b>
                <br>
                <i>{$diachi}</i>
            </div>
            <p>{$tieude}</p>
            <div class="detail">
                <b>Tài khoản: {$loaitk}-{$tentk}</b>
                <br>
                Từ ngày: <b>{$tbdau|date_format:"%d/%m/%Y"}</b> đến ngày: <b>{$tkthuc|date_format:"%d/%m/%Y"}</b>
		{$sodong}

		{strip}
	   {while $i <$sodong}
		{assign var="i" value=$i+1}
	    {$i}
	    {/while}
	    {/strip}
            </div>

        </div>
        <div class="example-print">
            <div>
                <b>{$tencty}</b>
                <br>
                <i>{$diachi}</i>
            </div>
            <p>{$tieude}</p>
            <div class="detail">
                <b>Tài khoản: {$loaitk}</b>
                <br>
                Từ ngày: <b>{$tbdau|date_format:"%d/%m/%Y"}</b> đến ngày: <b>{$tkthuc|date_format:"%d/%m/%Y"}</b>
            </div>

        </div>

        <table id="example" class="display" cellspacing="0" width="100%">

            <thead>
            <tr>
                <th  rowspan="2"> NGÀY </th>
                <th  colspan="2"> SỐ PHIẾU </th>
                <th  rowspan="2"> NỘI DUNG </th>
                <th  rowspan="2"> TKĐƯ </th>
                <th  colspan="3"> SỐ TIỀN </th>
            </tr>
            <tr>
                <th > THU </th>
                <th > CHI </th>
                <th > Nợ </th>
                <th > Có </th>
                <th> Số dư </th>
            </tr>

            </thead>

            <tfoot>
            <tr>

            </tr>
            </tfoot>

            <tbody>
                    <tr>
                    <td >
                     </td>
                    <td>
                    </td>
                    <td>
                    </td>
                    <td id="noidung">
                        <b><i>{$dauky.diengiai}</b></i>
                    </td>
                    <td>
                    </td>
                    <td id="sotien">
                    </td>
                    <td id="sotien" >
                    </td>
		    <td id="sotien" >
		            <b>{$dauky.sodu|number_format:0:".":"."}</b>
                    </td>
                </tr>

            {foreach from=$ctkts item=ctkt}
                <tr>
                    <td >
			<label style= "display: none;">{$ctkt.ngayct}</label>
                        {$ctkt.ngct|date_format:"%d/%m/%Y"}
                    </td>
                    <td>
                        {if $ctkt.noco eq 'N'}
                            {$ctkt.soct}
                        {/if}
                    </td>
                    <td>
                        {if $ctkt.noco eq 'C'}
                            {$ctkt.soct}
                        {/if}
                    </td>
                    <td id="noidung">
                        {$ctkt.diengiai}
                    </td>
                    <td>
                        {$ctkt.tkdu}
                    </td>

                    <td id="sotien">
                            {$ctkt.psno|number_format:0:".":"."}
                    </td>
                    <td id="sotien" >
                            {$ctkt.psco|number_format:0:".":"."}
                    </td>
		    <td id="sotien" >
		            {$ctkt.sodu|number_format:0:".":"."}
                    </td>
                </tr>
            {/foreach}
	     <tr>
                    <td style= "display:none">
		    <label >{$cuoiky.ngayct}</label>
		    {$cuoiky.ngct|date_format:"%d/%m/%Y"}
                     </td>
		    <td></td>
                    <td>
                    </td>
                    <td>
                    </td>
                    <td id="noidung">
                        <b><i>{$cuoiky.diengiai}</b></i>
                    </td>
                    <td>
                    </td>
                    <td id="sotien">
                            <b>{$cuoiky.psno|number_format:0:".":"."}</b>
                    </td>
                    <td id="sotien" >
                            <b>{$cuoiky.psco|number_format:0:".":"."}</b>
                    </td>
		    <td id="sotien" >
		            <b>{$cuoiky.sodu|number_format:0:".":"."}</b>
                    </td>
                </tr>

           </tbody>
        </table>
        <br>
</body>
</html>